3.Grid settings(下) debug Compass Vertical Rhythm.markdown

3.Grid settings(下) debug Compass Vertical Rhythm

這一個章節主要是要講susy2的Debug模式，
除了維持susy1就有的column顯示外，
還多了baseline的設定，
有關聯到Compass的vertical rhythm設定。

##youtube影片教學

##範例程式碼

• susy2文件 - debug
• sassmeister範例程式碼
• 垂直韻律
• css vertical rhythm
• compass vertical rhythm
• Sass開發流程設計-(12) Compass Vertical Rhythm & Susy other setting

Global Defaults

  debug: (
    image: hide,
    color: rgba(#66f, .25),
    output: background,
    toggle: top right,
  )
);

debug image

預設：hide
選項：show、hide、show-columns、show-baseline

在susy1的時候就有show-columns了，
而在susy2則又多了baseline的debug模式，
如果今天你的Sass有使用到$base-font-size、$base-line-height的話
那susy2的debug模式就會看到基準線了， 他會依照你的$base-line-height的高度來畫水平線，
提供給網頁設計師瀏覽網頁排版是否有遵守垂直韻律。

再來color則是提供給你看是否要變換debug模式的grid背景顏色。